$(function () {
    // $("#page").load("/html/back/page.html");
    findAll();
});

//页面加载的时候去查询所有用户信息
function findAll(curPage) {
    // $.ajax({
    //     url: '/back/user/findAll',
    //     data: '',
    //     type: 'get',
    //     dataType: 'json',
    //     success: function (data) {
    //         console.log(data);
    //         setUserData(data.list);
    //     }
    // })
    let srcData = {
        username: $("#username").val(),
        phone: $("#phone").val(),
        sex: $("#sex").val(),
        hobby: getHobby().toLocaleString(),
        startBirthday: $("#startBirthday").val(),
        endBirthday: $("#endBirthday").val(),
        curPage: curPage,
        pageSize: 10
    };
    let data = myAjax("/back/user/findAll", srcData, "get");
    console.log(data);
    sessionStorage.setItem("totalCount",data.totalCount);
    // $("#totalCount").html(data.totalCount);
    setUserData(data.list);
}

function setUserData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        // html += '<div>\n' +
        //     '            <div>' + data[i].id + '</div>\n' +
        //     '            <div>' + data[i].username + '</div>\n' +
        //     '            <div>' + toNullValue(data[i].phone) + '</div>\n' +
        //     '            <div>' + toNullValue(data[i].sex) + '</div>\n' +
        //     '            <div>' + toNullValue(data[i].birthday) + '</div>\n' +
        //     '            <div>' + toNullValue(data[i].hobby) + '</div>\n' +
        //     '            <div>\n' +
        //     '                <div onclick="toEditPage(' + data[i].id + ')"><i class="iconfont icon-xxx">&#xe626;</i></div>\n' +
        //     '                <div onclick="del(' + data[i].id + ')"><i class="iconfont icon-xxx">&#xe624;</i></div>\n' +
        //     '                <div><i class="iconfont icon-xxx">&#xe61e;</i></div>\n' +
        //     '            </div>\n' +
        //     '        </div>';
        html += '<tr>\n' +
            '                                    <td>' + data[i].id + '</td>\n' +
            '                                    <td>' + data[i].username + '</td>\n' +
            '                                    <td>' + toNullValue(data[i].phone) + '</td>\n' +
            '                                    <td>' + toNullValue(data[i].sex) + '</td>\n' +
            '                                    <td>' + toNullValue(data[i].birthday) + '</td>\n' +
            '                                    <td>' + toNullValue(data[i].hobby) + '</td>\n' +
            '                                    <td class="td-manage">\n' +
            '                                      <a title="编辑"  onclick="toEditPage(' + data[i].id + ')" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe642;</i>\n' +
            '                                      </a>\n' +
            '                                      <a onclick="updatePassword(' + data[i].id + ')" title="修改密码" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe631;</i>\n' +
            '                                      </a>\n' +
            '                                      <a title="删除" onclick="member_del(this,' + data[i].id + ')" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe640;</i>\n' +
            '                                      </a>\n' +
            '                                    </td>\n' +
            '                                  </tr>';
    }

    $("#tbody").html(html);
}

function updatePassword(id) {
    sessionStorage.setItem("userId", id);
    xadmin.open('修改密码', '/admin/user/member-password.html', 600, 400);
}

/*用户-删除*/
function member_del(obj, id) {
    layer.confirm('确认要删除吗？', function (index) {
        //发异步删除数据
        $(obj).parents("tr").remove();
        let data = myAjax("/back/user/del", {id: id}, 'post');
        if (data.result == 'success') {
            // findAll();
            layer.msg('已删除!', {icon: 1, time: 1000});
        } else {
            // alert("删除失败");
            layer.msg('删除失败!', {icon: 1, time: 1000});
        }
        // layer.msg('已删除!',{icon:1,time:1000});
        // del(id);
    });
}

function del(id) {
    // if (window.confirm("确定要删除吗？")) {
    let data = myAjax("/back/user/del", {id: id}, 'post');
    if (data.result == 'success') {
        findAll();
    } else {
        alert("删除失败");
    }
    // $.ajax({
    //     url: '/back/user/del',
    //     data: {id: id},
    //     type: 'post',
    //     dataType: 'json',
    //     success: function (data) {
    //         if (data.result == 'success') {
    //             findAll();
    //         } else {
    //             alert("删除失败");
    //         }
    //     }
    // })
    // }

}

function toEditPage(id) {
    sessionStorage.setItem("userId", id);
    // openWindow("/html/back/user/userEdit.html");
    xadmin.open('编辑', 'member-edit.html', 600, 400)
    // toRight("/html/back/user/userEdit.html");
}

function getHobby() {
    let vals = [];
    $('input:checkbox[name=hobby]:checked').each(function (index, item) {
        vals.push($(this).val());//数组的赋值  push
    });
    return vals;
}
